Jassif Team Institution

HTML Audio

HTML <audio> உறுப்பு ஒரு வலைப்பக்கத்தில் ஒலிக் கோப்பை இயக்க பயன்படுகிறது.

HTML <audio> உறுப்பு

HTML இல் ஒலிக் கோப்பை இயக்க, <audio> உறுப்பைப் பயன்படுத்தவும்:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  உங்கள் உலாவி ஒலி உறுப்பை ஆதரிக்கவில்லை.
</audio>

HTML ஒலி - இது எவ்வாறு செயல்படுகிறது

controls பண்புக்கூறு இயக்குகை, இடைநிறுத்தம் மற்றும் ஒலியளவு போன்ற ஒலி கட்டுப்பாடுகளைச் சேர்க்கிறது.

<source> உறுப்பு உலாவி தேர்ந்தெடுக்கக்கூடிய மாற்று ஒலிக் கோப்புகளைக் குறிப்பிட உங்களை அனுமதிக்கிறது. உலாவி முதல் அங்கீகரிக்கப்பட்ட வடிவத்தைப் பயன்படுத்தும்.

<audio> மற்றும் </audio> குறிச்சொற்களுக்கு இடையே உள்ள உரை <audio> உறுப்பை ஆதரிக்காத உலாவிகளில் மட்டுமே காட்டப்படும்.

HTML <audio> தானியங்கி இயக்கம்

ஒலிக் கோப்பை தானாகத் தொடங்க, autoplay பண்புக்கூறைப் பயன்படுத்தவும்:

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  உங்கள் உலாவி ஒலி உறுப்பை ஆதரிக்கவில்லை.
</audio>

உங்கள் ஒலிக் கோப்பு தானாக இயங்குவதற்கு (ஆனால் முடக்கப்பட்டது) autoplay க்குப் பிறகு muted ஐச் சேர்க்கவும்:

<audio controls autoplay muted>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  உங்கள் உலாவி ஒலி உறுப்பை ஆதரிக்கவில்லை.
</audio>

உலாவி ஆதரவு

அட்டவணையில் உள்ள எண்கள் <audio> உறுப்பை முழுமையாக ஆதரிக்கும் முதல் உலாவி பதிப்பைக் குறிக்கின்றன.

HTML ஒலி வடிவங்கள்

மூன்று ஆதரிக்கப்படும் ஒலி வடிவங்கள் உள்ளன: MP3, WAV, மற்றும் OGG. வெவ்வேறு வடிவங்களுக்கான உலாவி ஆதரவு:

HTML ஒலி - ஊடக வகைகள்

HTML ஒலி - முறைகள், பண்புகள் மற்றும் நிகழ்வுகள்

HTML DOM <audio> உறுப்புக்கான முறைகள், பண்புகள் மற்றும் நிகழ்வுகளை வரையறுக்கிறது.

இது ஒலிகளை ஏற்ற, இயக்க மற்றும் இடைநிறுத்த, மேலும் கால அளவு மற்றும் ஒலியளவை அமைக்க உங்களை அனுமதிக்கிறது.

ஒரு ஒலி இயங்கத் தொடங்கும்போது, இடைநிறுத்தப்பட்டால் போன்றவற்றை உங்களுக்கு அறிவிக்கக்கூடிய DOM நிகழ்வுகளும் உள்ளன.

// ஒலி உறுப்பைப் பெறு
var audio = document.getElementById("demoAudio");

// ஒலியை இயக்கு
function playAudio() {
    audio.play();
}

// ஒலியை இடைநிறுத்து
function pauseAudio() {
    audio.pause();
}

// ஒலியளவை அதிகரிக்கு
function volumeUp() {
    if(audio.volume < 1.0) {
        audio.volume += 0.1;
    }
}

// ஒலியளவைக் குறை
function volumeDown() {
    if(audio.volume > 0.0) {
        audio.volume -= 0.1;
    }
}

// ஒலியை மீண்டும் தொடங்கு
function restartAudio() {
    audio.currentTime = 0;
    audio.play();
}

HTML ஒலி குறிச்சொற்கள்

பயிற்சி